<!DOCTYPE html>
<html>
    <head>
        <title>充值服务</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
        <link rel="stylesheet" href="./css/common.css">
        <link rel="stylesheet" href="./css/recharge.css">
    </head>
    <body>
        <div class='recharge'>
            <p>充值服务：规则</p>
            <ul class='ul ani-scalein'>
                <li>体验农夫卡·······体验价······································购物无折扣</li>
                <li>业余农夫·······一次性或累计充值满800元·········购物享9.5折</li>
                <li>入门农夫·······一次性或累计充值满2600元·······购物享9折</li>
                <li>高级农夫·······一次性或累计充值满4800元·······购物享8.5折</li>
                <li>资深农夫·······一次性或累计充值满9500元·······购物享8折</li>
            </ul>
            <p>君禾家庭会员福利</p>
            <ul>
                <li class='ani-fromleft'>1.生日赠礼</li>
                <li class='ani-fromleft'>2.积分种子兑换礼品</li>
                <li class='ani-fromleft'>3.联盟单位消费优惠</li>
                <li class='ani-fromleft'>4.促销活动优先权</li>
                <li class='ani-fromleft'>5.君禾农庄主题节气及专题活动优先权</li>
                <li class='ani-fromleft'>6.新产品免费体验优先权</li>
                <li class='ani-fromleft'>7.半成品免费加工</li>
                <li class='ani-fromleft'>8.不同级别会员享有相应数量随同人员庄园门票免费权</li>
                <li class='ani-fromleft'><em>注:不同卡类会员享有的福利权限不同</em></li>
            </ul>
            <button>我要充值</button>
        </div>
    </body>
</html>